@import 'common.less';

body {
    min-width: 320px;
    width: @no * 1rem;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    background: #f2f2f2;
}

@baseFont: (750 / @no)rem;

.search_content {
    width: 15rem;
    height: (88 / @baseFont);
    position:fixed;
    background: #ffc001;
    display: flex;
    align-items: center;
    .classify {
        width: (44 / @baseFont);
        height: (70 / @baseFont);
        background: url(../images/classify.png);
        background-size: (44 / @baseFont) auto;
        margin: 0 (16 / @baseFont);
    }
    .search {
        height: (66 / @baseFont);
        flex: 1;
        border: none;
        outline: none;
        border-radius: (34 / @baseFont);
        background: #fff2cc;
        font-size: (25 / @baseFont);
        padding: 0 (34 / @baseFont);
    }
    .login {
        width: (75 / @baseFont);
        line-height: (70 / @baseFont);
        margin: 0 (16 / @baseFont);
        color:white;
        font-size: (25 / @baseFont);
        text-align: center;
    }
}

.banner {
    img {
        width: 100%;
    }
}

.ad {
    display: flex;
    a {
        flex: 1;
        img {
            width: 100%;
        }
    }
}

nav {
    display: flex;
    flex-flow: wrap;
    a {
        flex: 20%;
        text-align: center;
        img {
            width: (82 / @baseFont);
            height: (82 / @baseFont);
            margin: 10px auto 0;
            display: block;
        }
        span {
            font-size: (25 / @baseFont);
            color: #333;
        }
    }
}